<template>
    <nav id="column-left" class="active">
        <div id="navigation"><span class="fa fa-bars"></span> 功能导航</div>
        <ul id="menu" class="in">
            <li id="menu-dashboard">
                <a href="#/"><i class="fa fa-dashboard fw"></i> 管理首页</a>
            </li>
            <li id="menu-catalog">
                <a href="#collapse1" data-toggle="collapse" class="parent collapsed"><i class="fa fa-tags fw"></i> 商品目录</a>
                <ul id="collapse1" class="collapse">
                <li><a href="#/catalog/category">商品分类</a></li>
                <li><a href="#/catalog/product">商品管理</a>
                </li>
            </ul>
            </li>
            <li id="menu-sale">
                <a href="#sale" data-toggle="collapse" class="parent collapsed">
                    <i class="fa fa-shopping-cart fw"></i> 订单销售</a>
                <ul id="sale" class="collapse">
                    <li><a href="#/sale/order">订单管理</a>
                    </li>
                </ul>
            </li>
            <li id="menu-customer">
                <a href="#customer" data-toggle="collapse" class="parent collapsed">
                    <i class="fa fa-user fw"></i>客户管理</a>
                <ul id="customer" class="collapse">
                    <li>
                        <a href="#/customer/customer">客户管理</a>
                    </li>
                    <li>
                        <a href="#/customer/customer_group">客户组管理</a>
                    </li>
                </ul>
            </li>
            <li id="menu-payment">
                <a href="#payment" data-toggle="collapse" class="parent collapsed">
                    <i class="fa fa-paypal fw"></i>支付管理</a>
                <ul id="payment" class="collapse">
                    <li>
                        <a href="#/payment/payment">支付分类</a>
                    </li>
                </ul>
            </li>
            <li id="menu-system" class="active">
                <a href="#system" data-toggle="collapse" class="parent collapsed">
                    <i class="fa fa-cog fw"></i> 系统设置</a>
                <ul id="system" class="collapse">
                <li class="">
                    <a href="#/system/setting">网店设置</a>
                </li>
            </ul>
            </li>

            <li id="menu-design" >
                <a href="#design" data-toggle="collapse" class="parent collapsed">
                    <i class="fa fa-television fw"></i>
                    页面设计
                </a>
                <ul id="design" class="collapse">
                    <li class="">
                        <a href="#/design/banner">横幅管理</a>
                    </li>
                </ul>
            </li>

            <li id="menu-function" >
                <a href="#function" data-toggle="collapse" class="parent collapsed">
                    <i class="fa fa-cube fw"></i>
                    模块管理
                </a>
                <ul id="function" class="collapse">
                    <li class="">
                        <a href="#/function/recommend">商品推荐</a>
                    </li>
                </ul>
            </li>
        </ul>
    </nav>

</template>

<script>
    export default {
        name: "nav-left"
    }
</script>

<style scoped>

</style>